<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Diary</title>
</head>
<body>
    <h1>Diary Entries</h1>
    <form action="/submit" method="post">
        <label for="weather">Weather:</label>
        <input type="text" name="weather" required><br>
        <label for="mood">Mood:</label>
        <input type="text" name="mood" required><br>
        <label for="events">Events:</label><br>
        <textarea name="events" required></textarea><br>
        <input type="submit" value="Submit">
    </form>
    <h2>History</h2>
    <ul>
        {% for entry in entries %}
            <li>
                Date: {{ entry.1 }}<br>
                Weather: {{ entry.2 }}<br>
                Mood: {{ entry.3 }}<br>
                Events: {{ entry.4 }}<br>
            </li>
        {% endfor %}
    </ul>
</body>
</html>